page {
  height: 100vh;
  background-color: #EAECF6;
}
.content {
  padding-bottom: 157rpx;
  .back-btn {
    z-index: 1;
    position: fixed;
    display: flex;
    align-items: center;
    .bg {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 64rpx;
      height: 64rpx;
      margin-left: 28rpx;
      background: rgba(255,255,255,0.6);
      border-radius: 32rpx;
      image {
        width: 40rpx;
        height: 40rpx;
      }
    }
  }
  .shop-item {
    margin-bottom: 30rpx;
    .shop-image {
      position: relative;
      height: 750rpx;
      background: linear-gradient( 180deg, #9AAAC7 0%, #EAECF6 100%);
      swiper {
        height: 100%;
        swiper-item {
          display: flex;
          align-items: center;
          justify-content: center;  
          .swiper-image {
            width: 100%;
          }
        }
      }
      .image-num {
        position: absolute;
        right: 0;
        bottom: 31rpx;
        padding: 6rpx 19rpx;
        background: rgba($color: #000000, $alpha: 0.6);
        border-radius: 24rpx 0rpx 0rpx 24rpx;
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 26rpx;
        color: #FFFFFF;
      }
    }
    .price {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 120rpx;
      image {
        position: absolute;
        z-index: -1;
        width: 100%;
        height: 100%;
      }
      .now-price {
        display: flex;
        align-items: baseline;
        justify-content: center;
        padding-left: 25rpx;
        .flag {
          font-family: PingFangSC, PingFang SC;
          font-weight: 600;
          font-size: 30rpx;
          color: #fff;
        }
        .num {
          font-family: PingFangSC, PingFang SC;
          font-weight: 600;
          font-size: 50rpx;
          color: #FFFFFF;
          font-style: normal;
        }
      }
      .before-price {
        padding-right: 49rpx;
        font-family: PingFangSC, PingFang SC;
        font-weight: 500;
        font-size: 26rpx;
        color: #FFFFFF;
        text-decoration-line: line-through;
      }
    }
    .activity {
      transform: translateY(-25rpx);
      .activiy-tips {
        position: relative;
        display: flex;
        justify-content: flex-end;
        height: 90rpx;
        .bg {
          position: absolute;
          width:100%;
          height: 100rpx;
        }
        .tips {
          z-index: 1;
          position: relative;
          margin: auto 125rpx 11rpx 0;
          font-family: PingFangSC, PingFang SC;
          font-weight: 600;
          font-size: 32rpx;
          color: #FFDEF2;
          line-height: 45rpx;
        }
      }
      .activity-price {
        position: relative;
        .price-bg {
          position: absolute;
          width: 100%;
          height: 160rpx;
        }
        .price-text {
          position: relative;
          z-index: 1;
          padding: 19rpx 0 18rpx 49rpx;
          .top {
            display: flex;
            align-items: baseline;
            .flag {
              font-family: PingFangSC, PingFang SC;
              font-weight: 600;
              font-size: 30rpx;
              color: #fff;
              line-height: 42rpx;
            }
            .value {
              min-height: 60rpx;
              font-family: PingFangSC, PingFang SC;
              font-weight: 600;
              font-size: 60rpx;
              color: #FFFFFF;
              line-height: 84rpx;
            }
          }
          .bottom {
            display: flex;
            align-items: center;
            .value {
              font-family: PingFangSC, PingFang SC;
              font-weight: 500;
              font-size: 26rpx;
              color: #FFFFFF;
              line-height: 37rpx;
              text-decoration-line: line-through;
            }
            .line {
              width: 1rpx;
              height: 18rpx;
              background-color: #FFFFFF;
              margin: 0 24rpx 0 23rpx;
            }
            .discount {
              font-family: PingFangSC, PingFang SC;
              font-weight: 500;
              font-size: 26rpx;
              color: #FFFFFF;
              line-height: 37rpx;
            }
          }
        }
      }
    }
    .shop-detail {
      background-color: #fff;
      padding: 30rpx 47rpx 36rpx 48rpx;
      .shop-name {
        font-family: PingFangSC, PingFang SC;
        font-weight: 600;
        font-size: 32rpx;
        color: #000000;
        line-height: 45rpx;
      }
      .shop-num {
        display: flex;
        justify-content: space-between;
        margin-top: 15rpx;
        .num {
          display: flex;
          justify-content: space-between;
          align-items: center;
          font-family: PingFangSC, PingFang SC;
          font-weight: 400;
          font-size: 26rpx;
          color: #000000;
          line-height: 37rpx;
          .sale-num {
            padding-right: 24rpx;
          }
          .remain-num {
            padding-left: 24rpx;
          }
          .line {
            width: 1rpx;
            height: 24rpx;
            background: #D8D8D8;
          }
        }
        .share {
          display: flex;
          align-items: center;
          font-family: PingFangSC, PingFang SC;
          font-weight: 400;
          font-size: 26rpx;
          color: #707070;
          .icon {
            width: 26rpx;
            height: 26rpx;
            margin-right: 8rpx;
          }
        }
      }
    }
 
  }
  .detail {
    padding-bottom: 30rpx;
    border-radius: 24rpx 24rpx 0rpx 0rpx;
    background: #fff;
    .title {
      padding: 23rpx 0 26rpx 48rpx;
      font-family: PingFangSC, PingFang SC;
      font-weight: 600;
      font-size: 32rpx;
      color: #000000;
      line-height: 45rpx;
    }
    .image {
      display: flex;
      flex-direction: column;
      .detail-image {
        width: 100%;
      }
    }
  }
}